<!DOCshow-type html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>搜索店铺</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .show-type{height: 40px;line-height: 40px;font-size: 12px;overflow: hidden;margin-top: 30px;border: 1px solid #ddd;}
        .show-type a{color: #666;display: block;float: left;width: 90px;text-align: center;border-right: 1px solid #ddd;}
        .show-type a img{vertical-align: text-bottom;width: 16px;margin-right: 5px;}
        .show-type a .b{display: none;}
        .show-type .active{color: #fff;background-color: #ec4f92;}
        .show-type .active .a{display: none;}
        .show-type .active .b{display: inline-block;}

        .brand{margin-top: 50px;}
        .brand table{border-collapse: collapse;width: 100%;font-size: 12px;}
        .brand table td{padding: 10px 0;border: 1px solid #ddd;}
        .brand table td .b-logo{display: block;margin: 0 auto;max-width: 110px;max-height: 80px;}
        .info a{color: #0062a6;font-size: 14px;}
        .info p{font-size: 12px;color: #333;margin-top: 4px;}


        .shops{}
        .shops div{margin: 5px 0;padding-left: 20px;}
        .shops div span{display: inline-block;}
        .shops div .w1{color: #f69b3e;width: 70px;text-align: right;margin-right: 10px;}
        .shops div .w2{width: 70px;}

        .btn{text-align: center;}
        .btn a{display: block;width: 150px;height: 30px;line-height: 30px;color: #ffffff;margin: 5px auto;}
        .btn .enter{background-color: #fb81b4;}
        .btn .same{background-color: #f69b3e;}

        .b-suggest{margin-top: 40px;margin-bottom: 100px;}
        .b-suggest .title{color: #333;font-size: 16px;}
        .b-suggest table{margin-top: 10px;border-collapse: collapse;width: 100%;}
        .b-suggest table td{width: 16.6666%;border: 1px solid #ddd;padding: 10px 0 15px;}
        .b-suggest table td a{width: 180px;display: block;margin: 0 auto;font-size: 14px;}
        .b-suggest table td a>img{display: block;}
        .b-suggest table td a .price{margin-top: 10px;color: #ec4f92;text-align: left;}
        .b-suggest table td a .des{height: 36px;line-height: 18px;overflow: hidden;word-break: break-all;font-size: 12px;margin-top: 5px;color: #666;}
        .b-suggest table td a .overflow{margin-top: 10px;font-size: 12px;}
        .b-suggest table td a .overflow .fl{color: #999;}
        .b-suggest table td a .overflow .fr{color: #f69b3e;}
        .b-suggest table td a .overflow .fr img{display: inline-block;vertical-align: middle;margin-right: 5px;}
    </style>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>

<div class="container">
    <div class="show-type">
        <a class="active" href="javascript:;"><img class="a" src="../img/店铺.png" alt=""/><img class="b" src="../img/店铺%20(1).png" alt=""/>店铺</a>
        <a href="javascript:;"><img class="a" src="../img/大图.png" alt=""/><img class="b" src="../img/大图%20(1).png" alt=""/>大图</a>
        <a href="javascript:;"><img class="a" src="../img/list.png" alt=""/><img class="b" src="../img/list%20(1).png" alt=""/>小图</a>
    </div>
    <div class="brand">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td style="width: 130px;">
                    <img class="b-logo" src="../img/QQ截图20160803161651.png" alt=""/>
                </td>
                <td class="info" style="width: 300px;padding: 0 50px;">
                    <a href="">妈咪宝贝</a>
                    <p>主营品牌：耐克</p>
                    <p>所在地：上海</p>
                </td>
                <td class="shops" style="width: 420px;">
                    <div>
                        <span class="w1">店铺评价</span>
                        <span class="w2">商品 <span>5</span></span>
                        <span class="w2">商品 <span>5</span></span>
                        <span class="w2">商品 <span>5</span></span>
                    </div>
                    <div>
                        <span class="w1">与行业相比</span>
                        <span class="w2">商品 <span class="red">100%</span></span>
                        <span class="w2">商品 <span class="red">100%</span></span>
                        <span class="w2">商品 <span class="red">100%</span></span>
                    </div>
                </td>
                <td class="btn">
                    <a class="enter" href="">进入店铺></a>
                    <a class="same" href="">3件相关产品</a>
                </td>
            </tr>
        </table>
    </div>
    <div class="b-suggest">
        <div class="title">掌柜推荐</div>
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="">
                        <img src="../img/QQ截图20160801165340.png" alt="" width="180" height="180"/>
                        <p class="des">爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月 爱他美Aptamil 幼儿配方奶粉3段800g（原装进口 罐）12-36个月</p>
                        <div class="price">￥12.00</div>
                        <div class="overflow">
                            <div class="fl">销量：0</div>
                            <div class="fr"><img src="../img/QQ截图20160805155032.png" alt=""/>0</div>
                        </div>
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>

<div ng-include="'../public/footer.html'"></div>
<!--部件-->
<div ng-include="'../public/right_bar.html'"></div>
</body>
<script>
    $(function(){
        $('.show-type a').click(function(){
            $(this).addClass('active').siblings().removeClass('active');
        })
    })
</script>
</html>